<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>锅巴网</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<!--顶部-->
		<div class="top">
			<!--导航部分-->
			<div class="nav center">
				<img src="img/logo.png" />
				<div class="navCon">
					<a href="">首页</a>
					<a href=""> 面授课程</a>
					<a href="">图书商城</a>
					<a href="">网校课程</a>
					<a href="">联系我们</a>
				</div>
			</div>
			<!--内容部分-->
			<div class="content center">
				<div class="left">
					<p>2018一级注册消防工程师考试</p>
					<p>体验不一样的</p>
					<p text="消防培训">消防培训</p>
				</div>
				<div class="right">
					<p class="title" text="量身定制备考方案">量身定制备考方案</p>
					<form class="from">
						<input type="text" placeholder="您的姓名" />
						<input type="text" placeholder="联系方式" />
						<input type="text" placeholder="目标分数" />
						<input type="button" value="免费领取学习备考计划" />
					</form>
				</div>
			</div>
		</div>
		<!--量身定制-->
		<div class="dingzhi center">
			<div class="all">
				<img src="img/all.png" alt="" />
			</div>
			<div class="title"> <span class="left">都能为你</span><span class="right">量身定制</span></div>
			<div class="tip">
				零基础？没时间？非专业？锅巴网课程针对性解决考生困扰，为您节约时间和金钱成本
			</div>
			<div class="customization">
				<div class="study">
					<div class="img"><img src="img/study.png" /></div>
					<p class="sText"><span>突破时间限制</span></p>
					<p class="descption">随时随地都可以学习</p>
					<p class="desCon">“直播+录播”双重教学模式，<br /> 突破时间、地域限制。</p>
				</div>
				<div class="three">
					<div class="img"><img src="img/3d.png" />
						<p class="sText"><span>创新教学体验</span></p>
						<p class="descption">3D实景教学突破想象</p>
						<p class="desCon">告别想象，学习更生动，消防<br /> 原理全方位了解。</p>
					</div>
				</div>
				<div class="server">
					<div class="img"><img src="img/server.png" /></div>
					<p class="sText"><span>1对1服务</span></p>
					<p class="descption">专属班主任学习指导</p>
					<p class="desCon">学习规划、问题解答、考前指导<br /> 就业咨询，360°管家服务。</p>
				</div>
			</div>
			<div class="dingzhiBottom">
				<button>量身定制学习计划</button>
				<button>咨询更多备考详情</button>
			</div>
		</div>
		<!--学习模式-->
		<div class="studyMethod">
			<div class="center">
				<div class="all">
					<img src="img/all.png" alt="" />
				</div>
				<div class="title"> <span class="left">都能提供高效的</span><span class="right">学习模式</span></div>
				<div class="tip">
					“七步教学”高效教学模式，智能大数据支撑，阶段性学习，提分就是这么简单
				</div>
				<div class="content">
					<div class="topStudy">
						<div class="topDetail">
							<p> <span>2</span></p>
							<p>考点讲解</p>
							<p>知识结构梳理，要点剖析，讲练结合</p>
						</div>
						<div class="topDetail">
							<p> <span>4</span></p>
							<p>要点串讲</p>
							<p>必考点、常考点串讲，查漏补缺</p>
						</div>
						<div class="topDetail">
							<p> <span>6</span></p>
							<p>考前密训</p>
							<p>集中性训练，针对考试要点进行考前高效训练</p>
						</div>
					</div>
					<div class="bottomStudy">
						<div class="bottomDetail">
							<p> <span>1</span></p>
							<p>导学认知</p>
							<p>了解考试规律 把握考试重点
							</p>
						</div>
						<div class="bottomDetail">
							<p> <span>3</span></p>
							<p>习题精炼</p>
							<p>针对性训练，提高学习效率</p>
						</div>
						<div class="bottomDetail">
							<p> <span>5</span></p>
							<p>仿真模拟</p>
							<p>仿真模拟，强化应试答题技巧，40复习巩固考试要点</p>
						</div>
						<div class="bottomDetail">
							<p> <span>7</span></p>
							<p>心理辅导</p>
							<p>考前心理辅导，调节应试状态，平常心面对考试</p>
						</div>
					</div>

				</div>
				<div class="btn">
					<button>一键体验“七步教学”高效学习模式</button>
				</div>
			</div>
		</div>
		<!--免费下载-->
		<div class="freeDown">
			<div class="download center">
				<div class="all"><img src="img/all.png" alt="" /></div>
				<div class="title"> <span class="left">都有</span><span class="right">海量题库</span>等你<span class="right">免费下载</span></div>
				<div class="tip">一消考试历年真题、仿真模拟试卷、消防备考资料免费下载、名师全面解析</div>
				<div class="freeCon">
					<div class="left">
						<div>
							<div class="box">
								<div>
									<span class="boxL">1</span>
									<span class="boxC">技术实务历年真题及答案解析</span>
								</div>
								<a href="file/test.doc" download="测试">免费下载</a>
							</div>
							<div class="box">
								<div>
									<span class="boxL">2</span>
									<span class="boxC">综合能力历年真题及答案解析</span>
								</div>
								<a href="file/test.doc" download="测试">免费下载</a>
							</div>
							<div class="box">
								<div>
									<span class="boxL">3</span>
									<span class="boxC">案例分析历年真题及答案解析</span>
								</div>
								<a href="file/test.doc" download="测试">免费下载</a>
							</div>
							<div class="box">
								<div>
									<span class="boxL">4</span>
									<span class="boxC">精选仿真模拟试卷及答案解析</span>
								</div>

								<a href="file/test.doc" download="测试">免费下载</a>
							</div>
							<div class="box">
								<div>
									<span class="boxL">5</span>
									<span class="boxC">2018一消考试模拟试卷（全套）</span>
								</div>
								<a href="file/test.doc" download="测试">免费下载</a>
							</div>
						</div>
						<div class="leftBtn">
							<button>免费下载更多消防备考资料</button>
						</div>
					</div>
					<div class="right">
						<div class="lookFile"> <span>备考资料站</span></div>
						<div>
							<div class="testPaper"><span>历年真题</span>
								<a href="file/test.doc">点击下载</a>
							</div>
							<div class="testPaper"><span>仿真模拟</span>
								<a href="file/test.doc">点击下载</a>
							</div>
							<div class="testPaper"><span>考题解析</span>
								<a href="#">免费观看</a>
							</div>
							<div class="testPaper"><span>规范合集</span>
								<a href="file/test.doc">点击下载</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--新教材-->
		<div class="newBook">
			<div class="center bookCon">
				<p class="title">新版教材全新上市 &nbsp;申请<span>免费</span>领取资格</p>
				<div class="form">
					<form action="">
						<p class="fromTitle">免费领取新版教材</p>
						<input type="text" placeholder="您的姓名" />
						<input type="text" placeholder="联系方式" />
						<input type="text" placeholder="领取科目" />
						<input type="button" value="立即领取" />
					</form>
				</div>
			</div>
		</div>
		<!--教研团队上-->
		<div class="team">
			<div class="center teamCon">
				<div class="all">
					<img src="img/all.png" alt="" />
				</div>
				<div class="title"> <span class="left">都能拥有</span><span class="right">300人教研团队</span></div>
				<div class="tip">
					锅巴每一位老师，在与您见面之前，都至少有着3年以上消防教学经验，100场以上课堂教学
				</div>
				<!--轮播图-->
				<div class="swiper" id="swiper">
					<ul>
						<li>
							<div class="pic"> <img src="img/teacher.png" /></div>
							<div class="introduce">
								<p class="name">李德顺</p>
								<p class="descption">长期从事消防研究工作，自2015年起便专注消防工程师资格考试教学工作；授课严谨细致，考点透彻解剖，善于运用纵向延伸教学法，知识点平行延伸，加深学员对重点知识点的记忆，深受学员的认可。</p>
								<div class="btn"> <button>预约他的课</button></div>
							</div>
						</li>
						<li>
							<div class="pic"> <img src="img/teacher.png" /></div>
							<div class="introduce">
								<p class="name">李德顺</p>
								<p class="descption">长期从事消防研究工作，自2015年起便专注消防工程师资格考试教学工作；授课严谨细致，考点透彻解剖，善于运用纵向延伸教学法，知识点平行延伸，加深学员对重点知识点的记忆，深受学员的认可。</p>
								<div class="btn"> <button>预约他的课</button></div>
							</div>
						</li>
					</ul>
				</div>
				<div id="arr"><span id="left">&lt;</span><span id="right">&gt;</span></div>
			</div>
		</div>
		<div class="teamBottom">
			<div class="center teamCon">
				<div class="all">
					<img src="img/all.png" alt="" />
				</div>
				<div class="title"> <span class="left">都能拥有</span><span class="right">300人教研团队</span></div>
				<div class="tip">
					锅巴每一位老师，在与您见面之前，都至少有着3年以上消防教学经验，100场以上课堂教学
				</div>
				<div class="tbCon">
					<div class="left" id="tbleft">
						<div class="tbTop">
							<span class="current">技术实务</span>
							<span>综合能力</span>
							<span>案例分析</span>
							<span>专题模块</span>
						</div>
						<div class="detail">
							<div>技术实务</div>
							<div>综合能力</div>
							<div>案例分析</div>
							<div>专题模块</div>
						</div>
					</div>
					<div class="right">
						<p class="title"> <span class="titleCat">技术实务</span> &nbsp; <span class="titleTeacher">赵声萍老师</span></p>
						<div class="curriculum">
							<li><span>第01节 &nbsp;历年考情分析</span> <span>免费</span></li>
							<li><span>第02节 &nbsp;考试特点示例分析（上）</span> <span>免费</span></li>
							<li><span>第03节 &nbsp;考试特点示例分析（中）</span> <span>免费</span></li>
							<li><span>第04节 &nbsp;考试特点示例分析（下）</span> <span>免费</span></li>
						</div>
						<div class="bottom">
							<div class="buy">
								<div>全套课程购买</div>
								<div>查看更多公开课</div>
							</div>
							<div class="server">
								在线咨询
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--360度全方位服务-->
		<div class="serve">
			<div class="center">
				<div class="all">
					<img src="img/all.png" alt="" />
				</div>
				<div class="title"> <span class="left">都能提供360°</span><span class="right">全方位服务</span></div>
				<div class="serveCon">
					<div class="firstLine">
						<div>
							<div class="img"> <img src="img/S1.png" /></div>
							<p>高清课程免费试听</p>
							<div class="descpt">免费高清课程，先体验，后付费学习更放心</div>
							<div class="btn"> <button>免费试听</button></div>
						</div>
						<div>
							<div class="img"> <img src="img/S2.png" /></div>
							<p>资深教研全方位讲解</p>
							<div class="descpt">全面讲解消防考点，重要考点提炼总结，考前仿真预测</div>
							<div class="btn"> <button>立即体验</button></div>
						</div>
						<div>
							<div class="img"> <img src="img/S3.png" /></div>
							<p>学习方式灵活多样</p>
							<div class="descpt">直播+录播双重模式，课程可下载观看，随时随地学习</div>
							<div class="btn"> <button>直播回放</button></div>
						</div>
						<div>
							<div class="img"> <img src="img/S4.png" /></div>
							<p>海量题库免费练习</p>
							<div class="descpt">历年真题、习题、模拟题，海量题库免费下载</div>
							<div class="btn"> <button>资料下载</button></div>
						</div>
					</div>
					<div class="secondLine">
						<div>
							<div class="img"> <img src="img/S5.png" /></div>
							<p>海量题库免费练习</p>
							<div class="descpt">多种班型匹配不同类型考生，满足不同基础考生需求</div>
							<div class="btn"> <button>咨询客服</button></div>
						</div>
						<div>
							<div class="img"> <img src="img/S6.png" /></div>
							<p>海量题库免费练习</p>
							<div class="descpt">结合实践教学经验，独家研发备考资料，知识点全覆盖</div>
							<div class="btn"> <button>免费领取</button></div>
						</div>
						<div>
							<div class="img"> <img src="img/S7.png" /></div>
							<p>海量题库免费练习</p>
							<div class="descpt">大数据追踪考生学习动态，提供专属学习计划</div>
							<div class="btn"> <button>预约班主任</button></div>
						</div>
						<div>
							<div class="img"> <img src="img/S8.png" /></div>
							<p>海量题库免费练习</p>
							<div class="descpt">学习有疑问，答题遇到难点，7*24小时服务，五分钟答疑</div>
							<div class="btn"> <button>问题解答</button></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--倒计时-->
		<div class="date">
			<div class="center">
				<div class="title">
					距离2018注册消防工程师考试还有
				</div>
				<div class="day">114天</div>
				<div class="ready">面对这些问题，你都准备好了吗？</div>
				<div class="dataCon">
					<div>
						<p>考试通过率不足5%，报名考试不限专业，报考人数屡创新高，竞争愈加强烈</p>
						<div class="btn"> <button>了解教材变化</button></div>
					</div>
					<div>
						<p>考试通过率不足5%，报名考试不限专业，报考人数屡创新高，竞争愈加强烈</p>
						<div class="btn"> <button>了解历年通过率</button></div>
					</div>
					<div>
						<p>资格审核更加严苛，工作年限、社保证明，各地审核标准不同</p>
						<div class="btn"> <button>了解各地审核标准</button></div>
					</div>
				</div>
			</div>
		</div>
		<!--机遇-->
		<div class="chance">
			<div class="center">
				<p class="title">是挑战，也是机遇</p>
				<p class="tip">2018消防考试政策解析，四大利好政策，报考最佳时期</p>
				<div class="chancebox">
					<div class="detail">
						<p>2017年底各省市首批临时消防工程师证书到期，各地消防相关企业面临换证；持证人员和证书的需求量将不断增大。</p>
						<a href="">查看市场前景</a>
					</div>
					<div class="detail">
						<p>2018一级注册消防工程师考试不限专业，非消防相关专业也可报考，无论是跳槽还是兼职，都可获得不菲收益，升值空间巨大。</p>
						<a href="">查看证书价值</a>
					</div>
					<div class="detail">
						<p>新修《消防法》修订案中“关于消防重点单位需配备消防工程师”的规定，将进一步拉动消防工程师需求。</p>
						<a href="">查看就业方向</a>
					</div>
					<div class="detail">
						<p>2018年，湖北省人力资源和社会保障厅明确规定了注册消防工程师直接对应相应系列和层级的职称，两者享有同等效力。</p>
						<a href="">查看消防政策</a>
					</div>
				</div>
				<div class="btn">
					<button>2018一消考试报考资格审查</button>
				</div>
			</div>
		</div>
		<!--招生简章-->
		<div class="article">
			<div class="center">
				<div class="title"><span>2018消防工程师</span><span class="right">考前辅导招生简章</span></div>
				<div class="tip">好政策要配好班型</div>
				<div class="category">
					<span>VIP通关班</span>
					<span>VIP签约班</span>
					<span>VIP至尊班</span>
				</div>
				<table cellspacing="0" cellpadding="20px">
					<tr>
						<td>班级价格</td>
						<td>
							<div class="money1">
								<div class="cell">
									<p>单科</p>
									<p>&yen;<span>998</span></p>
									<p><button>报名</button></p>
								</div>
								<div class="cell">
									<p>全科</p>
									<p>&yen;<span>2980</span></p>
									<p><button>报名</button></p>
								</div>
							</div>
						</td>
						<td>
							<div class="money2">
								<div class="cell">
									<p>单科</p>
									<p>&yen;<span>2998</span></p>
									<p><button>报名</button></p>
								</div>
								<div class="cell">
									<p>全科</p>
									<p>&yen;<span>6800</span></p>
									<p><button>报名</button></p>
								</div>
							</div>
						</td>
						<td>
							<div class="money3">
								<div class="cell">
									<p>单科</p>
									<p>&yen;<span>5980</span></p>
									<p><button>报名</button></p>
								</div>
								<div class="cell">
									<p>全科</p>
									<p>&yen;<span>16800</span></p>
									<p><button>报名</button></p>
								</div>
							</div>
						</td>
					</tr>
					<tr>
						<td>配套资料</td>
						<td>通关班学习手册，历年真题集 <br />考点优化1000，自嗨3套卷，考前6张纸</td>
						<td>签约班学习手册，历年真题集，<br />考点优化1000，自嗨3套卷，规范合集，<br />考前6张纸，黄金ABC卷，绝密训练四套卷<br />典型考题深度预测</td>
						<td>双签班学习手册，历年真题集<br />考点优化1000，自嗨3套卷，规范合集<br />考前6张纸，黄金ABC卷，绝密训练四套卷<br />典型考题深度预测，集训压轴资料</td>
					</tr>
					<tr>
						<td>班型特色</td>
						<td>150学时课程+专业教研全程答疑<br />钻石级师资全面梳理知识点<br />循序渐进，讲练结合、仿真模拟、查漏补缺</td>
						<td>200+学时课程+专业教研全程答疑<br />钻石级师资全程授课，全面解密核心考点<br /> 6大阶段学习模块，配套教辅资料 <br />4合1服务体系，扫清备考障碍</td>
						<td>200+学时课程+属地化集训<br />智能课堂，全方位服务，海量题库，讲练结合，迅速提升得分能力<br />钻石级师资帮你夯实基础，构建知识体系临考划重点，考点浓缩，压轴集训</td>
					</tr>
					<tr>
						<td>智能购课</td>
						<td>
							<div class="page">
								<a href="">在线试听</a>
								<a href="">购课优惠</a>
							</div>
						</td>
						<td>
							<div class="page">
								<a href="">在线试听</a>
								<a href="">购课优惠</a>
							</div>
						</td>
						<td>
							<div class="page">
								<a href="">在线试听</a>
								<a href="">购课优惠</a>
							</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<!--备考难题-->
		<div class="topic">
			<div class="center">
				<div class="all">
					<img src="img/all.png" alt="" />
				</div>
				<div class="title"> <span class="left">都能解决你所有的</span><span class="right">备考难题</span></div>
				<div class="querybox">
					<div class="query">
						<div><button>零基础可以学吗</button></div>
						<div><button>第一年没有通过，第二年可以继续学习吗</button></div>
						<div><button>报考条件是什么，怎么报名</button></div>
						<div><button>注册消防工程师证书能带来多少收益</button></div>
					</div>
					<div class="query">
						<div><button>我自制力比较差，不能很好安排学习时间怎么办</button></div>
						<div><button>学费是多少，有没有什么优惠活动</button></div>
						<div><button>能先试听再缴费吗</button></div>
					</div>
					<div class="query">
						<div><button>学习多久能通过考试</button></div>
						<div><button>现在报名晚不晚</button></div>
					</div>
				</div>
			</div>
		</div>
		<!--学生学习-->
		<div class="student">
			<div class="center stuCenter">
				<div class="all">
					<img src="img/all.png" alt="" />
				</div>
				<div class="title"><span class="right">有 <span>5684</span>位同学在和你一起学习</span>
				</div>
				<!--轮播图2-->
				<div class="swiper2" id="swiper2">
					<ul>
						<li>
							<div class="pic"> <img src="img/teacher1.jpg"/></div>
							<p class="descp">
								潘老师讲的真的很好，生动形象，我是零基础考试，对于消防基本没有什么概念，听潘老师的课让我这个小白都能听的明白，感谢潘老师，希望今年能一次性通过
							</p>
						</li>
						<li>
							<div class="pic"> <img src="img/teacher1.jpg"/></div>
							<p class="descp">
								潘老师讲的真的很好，生动形象，我是零基础考试，对于消防基本没有什么概念，听潘老师的课让我这个小白都能听的明白，感谢潘老师，希望今年能一次性通过
							</p>
						</li>
					</ul>
				</div>
				<div id="arr2"><span id="left2">&lt;</span><span id="right2">&gt;</span></div>
			</div>
		</div>
		<!--申请奖学金-->
		<div class="apply">
			<div class="center applyCon">
				<p class="title"><span class="left">2018一级消防工程师</span><span class="right">报名奖学金名额申请</span></p>
				<div class="discounts">
					<div class="circle"></div>
					<p class="titleDis">签约班优惠券</p>
					<div class="disCenter">
						<span>&yen;</span><span>1?00</span>
					</div>
					<p class="day"> <span>全省每日仅限20名</span> <br /> <span>有效期：2018年7月26日-8月18日</span></p>
				</div>
				<!--表单-->
				<div class="form">
					<form class="from">
						<input type="text" placeholder="您的姓名" />
						<input type="text" placeholder="联系方式" />
						<input type="text" placeholder="报考科目" />
						<input type="button" value="申请领取奖学金" />
					</form>
				</div>
			</div>
		</div>
		<script src="js/jquery-2.2.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>